<template>
  <nav>
    <button @click="currentStep = 1" :class="{active: currentStep === 1}">1. 选择分类</button>
    <button @click="currentStep = 2" :class="{active: currentStep === 2}">2. 上传软件包</button>
    <button @click="currentStep = 3" :class="{active: currentStep === 3}">3. 提交审核</button>
  </nav>
  
  <component :is="steps[currentStep]"/>
</template>

<script>
export default {
  data() {
    return {
      currentStep: 1,
      steps: {
        1: 'CategorySelector',
        2: 'PackageUpload',
        3: 'SubmitReview'
      }
    }
  }
}
</script>

<style scoped>
nav button {
  margin: 0 15px;
  padding: 8px 20px;
  border: 1px solid #1890ff;
  border-radius: 4px;
  &.active {
    background: #1890ff;
    color: white;
  }
}
</style>